{layout name="common/layout" /}

<section class="swiper-container top-banner">
    <!-- S 焦点图 -->
    <div id="carousel-focus-captions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            {cms:blocklist id="block" name="focus" row="5"}
            <li data-target="#carousel-focus-captions" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
            {/cms:blocklist}
        </ol>
        <div class="carousel-inner" role="listbox">
            {cms:blocklist id="block" name="focus" row="5"}
            <div class="item {if $i==1}active{/if}">
                <a href="{$block.url}">
                    <div class="carousel-img" style="background-image:url('__CDN__{$block.image}');"></div>
                    <div class="carousel-caption hidden">
                        <h3>{$block.title}</h3>
                        {if $block.content}
                        <p>{$block.content}</p>{/if}
                    </div>
                </a>
            </div>
            {/cms:blocklist}
        </div>
        <a class="left carousel-control" href="#carousel-focus-captions" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-focus-captions" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- E 焦点图 -->
</section>

<div class="container" id="content-container">
    <div class="row zy-center">
        <div class="col-xs-12 col-md-6 city-wrap">
            <div class="city-active row-item">当前城市</div>
            <div class="city-item row-item">
                <a class="city font-blue" href="#">佛山</a>
            </div>
            <a href="javascript:;" class="city-change row-item" data-toggle="modal" data-target="#myModal">切换城市</a>

            <div class="modal fade city-list-wrap" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h3 class="modal-title" id="myModalLabel">请选择您想进入的城市</h3>
                        </div>
                        <div class="modal-body">
                            <div class="item-active">当前城市：
                                <span class="city-name">佛山</span>
                            </div>
                            <ul class="items clearfix">
                                <li>
                                    <a href="javascript:;">广州</a>
                                </li>
                                <li>
                                    <a href="javascript:;">深圳</a>
                                </li>
                                <li>
                                    <a href="javascript:;">上海</a>
                                </li>
                                <li>
                                    <a href="javascript:;">东莞</a>
                                </li>
                                <li>
                                    <a href="javascript:;">佛山</a>
                                </li>
                                <li>
                                    <a href="javascript:;">珠海</a>
                                </li>
                                <li>
                                    <a href="javascript:;">中山</a>
                                </li>
                                <li>
                                    <a href="javascript:;">成都</a>
                                </li>
                                <li>
                                    <a href="javascript:;">北京</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-6 city-wrap">
            <div class="row more-nav">
                <div class="col-xs-4">
                    <a href="#" title="陶成视频">
                        <i class="icon icon-index-shipin"></i>
                        <span>陶成视频</span>
                    </a>
                </div>
                <div class="col-xs-4">
                    <a href="#" title="点击选课">
                        <i class="icon icon-index-xk"></i>
                        <span>点击选课</span>
                    </a>
                </div>
                <div class="col-xs-4">
                    <a href="http://www.fstcjy.cn/cms/p/aboutus" title="了解陶成" target="_blank">
                        <i class="icon icon-global"></i>
                        <span>了解陶成</span>
                    </a>
                </div>
            </div>
        </div>
        <i class="icon bg-city hidden-xs"></i>
    </div>
    <div class="row zy-city">
        <div class="city-nav-wrap">
            <i class="icon bg-city2 visible-xs"></i>
            <!-- 广州-->
            <div class="row city-nav">
                <div class="col-xs-12 col-md-6">
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-xx"></i>
                            </div>
                            <p class="tc">小学</p>
                        </a>
                    </div>
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-cz"></i>
                            </div>
                            <p class="tc">初中</p>
                        </a>
                    </div>
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-gz"></i>
                            </div>
                            <p class="tc">高中</p>
                        </a>
                    </div>
                </div>
                <div class="col-xs-12 col-md-6">
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-ydy"></i>
                            </div>
                            <p class="tc">一对一</p>
                        </a>
                    </div>
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-szjy"></i>
                            </div>
                            <p class="tc">素质课程</p>
                        </a>
                    </div>
                    <div class="col-xs-4">
                        <a href="#">
                            <div class="icon-wrap">
                                <i class="icon icon-index-bshd"></i>
                            </div>
                            <p class="tc">热门活动</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row bannerad">
        <div class="col-xs-12">
            {cms:block name="bannerad" /}
        </div>
    </div>
    <div class="row news-box">
        <div class="col-xs-12 col-md-8">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                {cms:channellist id="channel" type="son" typeid="34" key="k"}
                    <li role="presentation" class="{if $k==1}active{/if}">
                        <a href="#channel_{$channel.id}" aria-controls="channel_{$channel.id}" role="tab" data-toggle="tab">{$channel.name}</a>
                    </li>
                {/cms:channellist}
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                {cms:channellist id="channel" type="son" typeid="34" key="j"}
                <div role="tabpanel" class="tab-pane {if $j==1}active{/if}" id="channel_{$channel.id}">
                    <ul class="news-list">
                        {cms:arclist id="row" channel="$channel.id" limit="0,8"}
                        <li><a href="{$row.url}"> {$row.textlink} </a></li>    
                        {/cms:arclist}
                    </ul>
                    <p class="text-right"><a class="blue" href="{$channel.url}">更多></a></p>
                </div>
                {/cms:channellist}
            </div>

        </div>
        <div class="col-xs-12 col-md-4">
            <div id="carousel-focus2" class="carousel slide carousel-focus2" data-ride="carousel">
                <ol class="carousel-indicators focus2-carousel-indicators">
                    {cms:blocklist id="block" name="focus2" row="5"}
                    <li data-target="#carousel-focus2" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
                    {/cms:blocklist}
                </ol>
                <div class="carousel-inner" role="listbox">
                    {cms:blocklist id="block" name="focus2" row="5"}
                    <div class="item {if $i==1}active{/if}">
                        <div class="carousel-img focus2-item-img" style="background-image:url('__CDN__{$block.image}');"></div>
                        <div class="carousel-caption focus2-carousel-caption">
                            <a href="{$block.url}"> <h3>{$block.title}</h3> </a>
                            {if $block.content} <p>{$block.content}</p>{/if}
                        </div>
                    </div>
                    {/cms:blocklist}
                </div>
                <a class="left carousel-control hidden" href="#carousel-focus2" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control hidden" href="#carousel-focus2" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
    
</div>
<div class="qrcode-box">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <div class="col-xs-6">
                    <p><img src="__ADDON__/img/location-index.png"></p>
                    <p>前往陶成教育中心</p>
                </div>
                <div class="col-xs-6">
                    <p><img src="__ADDON__/img/call-index.png"></p>
                    <p>致电我们<br />{cms:block name="tel" /}</p>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 qrcode-img">
                <div class="col-xs-6">
                    <p> {cms:block name="wxqrcode" /} </p>
                    <p> 官方微信平台</p>
                </div>
                <div class="col-xs-6">
                    <p> {cms:block name="appqrcode" /} </p>
                    <p>陶成教育APP</p> 
                </div>
            </div>
        </div>
    </div>
</div>